<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="me-data-app">
        <div class="top">
            <p class="iconfont icon-return" id="backBtn"></p>
            <!-- 运动数据 -->
            <div class="data">
                <div class="title dpflex">
                    <span class="left dpflex">运动数据</span>
                    <img id="userImg" class="right">
                </div>
                <div class="content dpflex">
                    <div class="left dpflex fdcolumn">
                        <p class="top">总运动</p>
                        <p class="bottom"><span id="motionTime">99999</span>分钟</p>
                    </div>
                    <div class="right dpflex fdcolumn">
                        <p class="top">本周消耗</p>
                        <p class="bottom"><span class="calorie">99999</span>千卡</p>
                    </div>
                </div>
                <div class="bot dpflex">
                    <p>消耗（千卡）
                        <span class="calorie">999999</span>
                    </p>
                    <p>累计（天）
                        <span class="punchin">999</span>
                    </p>
                    <p>连续（天）
                        <span class="punchin">999</span>
                    </p>
                </div>
            </div>
        </div>
        <!-- 图表 -->
        <div class="main" style="padding: 20px 25px;">
            <div id="main1" class="chart" style="width: 100%;height: 250px;">

            </div>
            <div id="main2" class="chart" style="width: 100%;height: 250px;">

            </div>
            <div id="main3" class="chart" style="width: 100%;height: 250px;">

            </div>
            <div id="main4" class="chart" style="width: 100%;height: 250px;">

            </div>
        </div>
    </div>
</body>

</html>